<template>
	<view class="community">
		<view class="head_bg">
			<view class="community_msg">
				<view class="community_msg_line" style="margin-top: 0;">
					<image class="community_msg_icon" src="../../../common/img/gongsi_bai.png" mode=""></image>
					<text class="community_msg_text">{{xqinfo.residential_quarters_name}}</text>
				</view>
				<view class="community_msg_line" style="margin-top: 0;">
					<image class="community_msg_icon" src="../../../common/img/dizhi_bai.png" mode=""></image>
					<text class="community_msg_text">{{xqinfo.residential_quarters_address}}</text>
				</view>
			</view>
		</view>
		<view class="big_box">
			<view class="big_box_inner">
				<view class="big_inner_one">
					<!-- <view class="community_title_inner">
						<view class="community_title">{{xqinfo.residential_quarters_name}}</view>
						<view class="community_time">{{xqinfo.add_time}}</view>
					</view> -->
					<view class="uni_rogress">
						<uniProgress style="margin-left: 30rpx;" :percentage="60" explain="" percentBackground="#007aff"></uniProgress>
					</view>
					<view class="community_count">
						<view class="community_count_inner">
							<view class="community_count_inner_number">{{xqinfo.device_total}}</view>
							<view class="community_count_inner_text">插座个数(个)</view>
						</view>
						<view class="community_count_inner">
							<view class="community_count_inner_number">{{xqinfo.device_normal_total}}</view>
							<view class="community_count_inner_text">正在使用(个)</view>
						</view>
						<view class="community_count_inner">
							<view class="community_count_inner_number" >{{xqinfo.device_fault_total}}</view>
							<view class="community_count_inner_text">故障数(个)</view>
						</view>
					</view>
					<view class="community_gl">
						<view class="community_gl_left">
							<view class="community_gl_left_text">按时功率 &nbsp;&nbsp;&nbsp;≤ <text style="color: #333333;font-size: 32rpx;font-weight: bold;margin-left: 20rpx;">{{xqinfo.ontime_max_power}}</text></view>
							<view class="community_gl_left_text" style="margin-top: 10rpx;">按量功率 &nbsp;&nbsp;&nbsp;≤ <text style="color: #333333;font-size: 32rpx;font-weight: bold;margin-left: 20rpx;">{{xqinfo.amount_max_power}}</text></view>
						</view>
						<view class="community_gl_left_text">电价:&nbsp;&nbsp;&nbsp;<text style="color: #27B53E;font-size: 36rpx;font-weight: bold;margin-left: 20rpx;margin-right: 20rpx;">{{xqinfo.electricity_fees}}</text>元/度</view>
					</view>
					<view class="community_time_box">时间：{{xqinfo.add_time}}</view>
					<view class="plant">
						<image class="plant_icon" src="../../../common/img/lirun.png" mode=""></image>
						<text class="plant_text">平台毛利分成:<text style="color: #EC692F;font-size: 36rpx;margin-left: 10rpx;margin-right: 10rpx;">10</text>%</text>
					</view>
				</view>
				<view class="big_inner_two" style="background: #FFFFFF;margin-top: 31rpx;margin-bottom: 0;">
					<view class="big_inner_two_title">
						<view class="big_inner_two_title_1">运营<text style="color: #52A8FF;font-size: 28rpx;margin: 0 15rpx;">562</text>天</view>
						<view class="big_inner_two_title_1" style="font-weight: normal;font-size: 26rpx;">利润：	<text style="color: #52A8FF;font-size: 26rpx;margin-left: 15rpx;">￥20.00</text></view>
					</view>
					<view class="operating_box" style="box-shadow: none;">
						<view class="operating_box_inner">
							<view class="money_details_inner money_details_inner1">
								<view class="money_details_number" style="color: #333333;">685.00</view>
								<view class="money_details_text" style="color: #666666;">总收入(元)</view>
							</view>
							<view class="detail_br" style="border-left: 1rpx solid #EDEDED;position: relative;top: 25rpx;"></view>
							<view class="money_details_inner money_details_inner1">
								<view class="money_details_number" style="color: #333333;">172.00</view>
								<view class="money_details_text" style="color: #666666;">电费(元)</view>
							</view>
							<view class="detail_br" style="border-left: 1rpx solid #EDEDED;position: relative;top: 25rpx;"></view>
							<view class="money_details_inner money_details_inner1">
								<view class="money_details_number" style="color: #333333;">96</view>
								<view class="money_details_text" style="color: #666666;">用电量(度)</view>
							</view>
							<view class="detail_br" style="border-left: 1rpx solid #EDEDED;position: relative;top: 25rpx;"></view>
							<view class="money_details_inner money_details_inner1">
								<view class="money_details_number" style="color: #333333;">10.00</view>
								<view class="money_details_text" style="color: #666666;">包时收入(元)</view>
							</view>
						</view>
						<view class="operating_box_inner">
							<view class="money_details_inner money_details_inner1">
								<view class="money_details_number" style="color: #333333;">19</view>
								<view class="money_details_text" style="color: #666666;">充电订单(件)</view>
							</view>
							<view class="detail_br" style="border-left: 1rpx solid #EDEDED;position: relative;top: 25rpx;"></view>
							<view class="money_details_inner money_details_inner1">
								<view class="money_details_number" style="color: #333333;">12.00</view>
								<view class="money_details_text" style="color: #666666;">订单收入(元)</view>
							</view>
							<view class="detail_br" style="border-left: 1rpx solid #EDEDED;position: relative;top: 25rpx;"></view>
							<view class="money_details_inner money_details_inner1">
								<view class="money_details_number" style="color: #333333;">86.00</view>
								<view class="money_details_text" style="color: #666666;">投入成本(元)</view>
							</view>
							<view class="detail_br" style="border-left: 1rpx solid #EDEDED;position: relative;top: 25rpx;"></view>
							<view class="money_details_inner money_details_inner1">
								<view class="money_details_number" style="color: #333333;">10.00</view>
								<view class="money_details_text" style="color: #666666;">平台分成(元)</view>
							</view>
						</view>
						<view class="operating_box_inner" style="justify-content: flex-start;">
							<view class="money_details_inner money_details_inner1" style="width: 25%;">
								<view class="money_details_number" style="color: #333333;">15.00</view>
								<view class="money_details_text" style="color: #666666;">物业分成(元)</view>
							</view>
							<view class="detail_br" style="border-left: 1rpx solid #EDEDED;position: relative;top: 25rpx;"></view>
							<view class="money_details_inner money_details_inner1" style="width: 25%;">
								<view class="money_details_number" style="color: #333333;">92.00</view>
								<view class="money_details_text" style="color: #666666;">代理分成(元)</view>
							</view>
						</view>
					</view>
				</view>
				<view class="big_inner_two" style="background: #FFFFFF;margin-top: 31rpx;margin-bottom: 0;">
					<view class="big_inner_two_title">
						<view class="big_inner_two_title_1">物业信息</view>
						<view class="big_inner_two_title_1" style="font-weight: normal;font-size: 26rpx;">毛利润分成比例:<text style="color: #EC692F;font-size: 26rpx;margin-left: 15rpx;">10%</text></view>
					</view>
					<view class="info_msg">
						<view class="info_msg_inner">负责人：王大胆</view>
						<view class="info_msg_inner">联系方式：13705041397</view>
						<view class="info_msg_inner">付款方式：支付宝</view>
					</view>
					<view class="plant" style="justify-content: flex-start;">
						<image class="plant_icon" src="../../../common/img/lirun.png" mode=""></image>
						<text class="plant_text">备注： 暂无备注信息</text>
					</view>
				</view>
				<view class="big_inner_two" style="background: #FFFFFF;margin-top: 31rpx;margin-bottom: 50rpx;">
					<view class="big_inner_two_title">
						<view class="big_inner_two_title_1">代理信息</view>
						<view class="big_inner_two_title_1" style="font-weight: normal;font-size: 26rpx;">毛利润分成比例:<text style="color: #EC692F;font-size: 26rpx;margin-left: 15rpx;">10%</text></view>
					</view>
					<view class="info_msg">
						<view class="info_msg_inner">负责人：王大胆</view>
						<view class="info_msg_inner">联系方式：13705041397</view>
						<view class="info_msg_inner">付款方式：支付宝</view>
					</view>
					<view class="plant" style="justify-content: flex-start;height: 100rpx;">
						<image class="plant_icon" src="../../../common/img/lirun.png" mode=""></image>
						<text class="plant_text">备注： 这个项目的负责人没有尽到应尽的责任，望总部核 实，并扣除部分奖金</text>
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	import uniProgress from '../../../components/uni-progress/uni-progress.vue'
	export default {
		 components:{
			uniProgress
		},
		data() {
			return {
				guid:'',
				xqinfo:'',
			}
		},
		onLoad(options) {
			let guid=options.guid;
			this.guid=guid;
		},
		onShow() {
			this.gatdata();
		},
		methods: {
			gatdata(){
				let that=this;
				that.http.tokenreq({
					url: 'residenialquarers/v1/getinfo',
					data:{"residential_quarters_guid":that.guid}
				}).then((res) => {
					console.log("res="+JSON.stringify(res));
					let e=res.data;
					if(e.code==0 && e.success){
						that.xqinfo=e.data;
					}
				})
			},
			toAdd(){
				uni.navigateTo({
					url: '../addCommunity/addCommunity'
				})
			}
		}
	}
</script>
